forum

home / developersection / forums / how to bind mixed json data in angularjs

Ask Question

How to Bind Mixed Json data in AngularJS

Anonymous User 1930 25-Feb-2016
We want to Bind Mixed Json data  in AngularJS. How to bind this Please tell me.
angular js jquery  angular js 
Updated on 25-Feb-2016
Anonymous User

Other

I am a content writter !

Follow Message
Can you answer this question?
Answer

1 Answers

Anonymous User

Anonymous User

25-Feb-2016 
@{
    Layout = null;
}


<!DOCTYPE html>
<html>
<head>
      <title>Forum</title>
    <meta name="viewport" content="width=device-width" />
    <script src="~/Scripts/jquery-1.9.1.js"></script>
    <script src="~/Scripts/angular.js"></script>
<script>
    var app = angular.module("myApp", []);
    app.controller('MyCtrl', function ($scope) {
        $scope.alldata = [
        {           


            "CompanyName":"Software Pvt Ltd",             
            "Employees": ["Johan Kumar", "Anupam Singh", "Surekha Pal", "Maya Koni"],
            "awards": [
            {


                "award": "Gold Partner",
                "year": 2000,
                "by": "Microsoft"
            },
            {
                "award": "Gold Partner",
                "year": 2001,
                "by": "IBM"
            }]
        }];
    });


        </script>   
</head>
  <body ng-app="myApp" ng-controller="MyCtrl">  
        <table>  
            <tbody ng-repeat="dat in alldata">  
                <tr>  


                    <td colspan="3">{{dat.CompanyName}}</td>  
                </tr>  


                <tr>  


                    <td colspan="3" align="center"><span style="font-weight:bold">Employees</span></td>  
                </tr>  
                <tr ng-repeat="cont in dat.Employees">  
                    <td colspan="3">{{ cont}}</td>  
                </tr>  


                <tr>  


                    <td colspan="3" align="center"><span style="font-weight:bold">Awards</span></td>  


                </tr>  


                <tr ng-repeat="aw in dat.awards">  


                    <td>{{ aw.award}}</td>  


                    <td>{{ aw.year}}</td>  


                    <td>{{ aw.by}}</td>  


                </tr>  


            </tbody>  


        </table>  


    </body>   


</html>
How to Bind Mixed Json data  in AngularJS
MindStick Training
MindStick Training

Liked By

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy